<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>基础表单</title>
    <link rel="stylesheet" href="__LIBS__/layui/css/layui.css" />
    <link rel="stylesheet" href="__MODULE__/admin.css?v=317" />
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        #formBasForm {
            width: 850px;
            margin: 30px 250px;
        }

        .layui-form-item {
            display: flex;
        }

        .layui-form-label {
            flex: 4;
        }

        .layui-input-block {
            flex: 14;
        }

        .layui-input-block {
            margin-left: 20px !important;
            min-height: 36px;
        }

        .pictureNomer {
            flex: 7;
            height: 38px;
            line-height: 38px;
            margin-right: 5px;
        }
        .layui-upload-img {

            max-height: 200px;
            height: auto;
            margin: 0 10px 10px 0;
            cursor:pointer;
        }
        .imgs-box{
            display: flex;
        }
        #formBasForm .layui-form-item {
            margin-bottom: 25px;
        }
    </style>
</head>

<body>
    <!-- 加载动画 -->
    <div class="page-loading">
        <div class="ball-loader">
            <span></span><span></span><span></span><span></span>
        </div>
    </div>
    <!-- 正文开始 -->
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-body">
                <!-- 表单开始 -->
                <form class="layui-form" id="formBasForm" lay-filter="formBasForm">
                    <div class="layui-form-item">
                        <p >{$userinfo['nickname']}-UID:{$userinfo['id']}</p>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label layui-form-required">累计学习时长</label>
                        <div class="layui-input-block">
                            <div style="display: flex;">
                                <div style="display: flex; margin-right: 20px;justify-content: center;align-items: center; ">
                                    <p class="pictureNomer">视频</p><input name="ztyj"  class="layui-input"
                                        style="flex: 15;"  value="{php}echo $item['vtime'];{/php}" />
                                </div>
                                <div style="display: flex;justify-content: center;align-items: center; ">
                                    <p class="pictureNomer">音频</p><input  name="jtyj"  class="layui-input"
                                        style="flex: 15;" value="{php}echo $item['atime'];{/php}" />
                                </div>
                                <div style="display: flex;justify-content: center;align-items: center; ">
                                    <p class="pictureNomer">图文</p><input  name="jtyj"  class="layui-input"
                                                                         style="flex: 15;" value="{php}echo $item['tutime'];{/php}" />
                                </div>
                                <div style="display: flex;justify-content: center;align-items: center; ">
                                    <p class="pictureNomer">累计</p><input  name="jtyj"  class="layui-input"
                                                                         style="flex: 15;" value="{php}echo $item['alltime'];{/php}" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label layui-form-required">今日学习时长</label>
                        <div class="layui-input-block">
                            <div style="display: flex;">
                                <div style="display: flex; margin-right: 20px;justify-content: center;align-items: center; ">
                                    <p class="pictureNomer">视频</p><input  name="ztyj"  class="layui-input"
                                                                         style="flex: 15;"  value="{php}echo $item['tvtime'];{/php}" />
                                </div>
                                <div style="display: flex;justify-content: center;align-items: center; ">
                                    <p class="pictureNomer">音频</p><input  name="jtyj"  class="layui-input"
                                                                         style="flex: 15;" value="{php}echo $item['tatime'];{/php}" />
                                </div>
                                <div style="display: flex;justify-content: center;align-items: center; ">
                                    <p class="pictureNomer">图文</p><input  name="jtyj"  class="layui-input"
                                                                         style="flex: 15;" value="{php}echo $item['ttutime'];{/php}" />
                                </div>
                                <div style="display: flex;justify-content: center;align-items: center; ">
                                    <p class="pictureNomer">累计</p><input name="jtyj"  class="layui-input"
                                                                         style="flex: 15;" value="{php}echo $item['talltime'];{/php}" />
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- //表单结束 -->
            </div>
        </div>
    </div>

    <!-- js部分 -->
    <script type="text/javascript" src="__LIBS__/layui/layui.js"></script>
    <script type="text/javascript" src="__NJS__/common.js?v=317"></script>
    <script type="text/javascript" src="__LIBS__/tinymce/tinymce.min.js"></script>
    <script src="__LIBS__/jquery/jquery-3.2.1.min.js"></script>
    <script>

        layui.use(['layer', 'form', 'laydate', 'jquery','upload','admin'], function () {
            var $ = layui.jquery;
            var layer = layui.layer;
            var form = layui.form;
            var laydate = layui.laydate;
            var upload = layui.upload;
            var admin = layui.admin;
        });
    </script>
</body>

</html>